<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>档期网</title>
		<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
		<s:include value="/commond/keydesc.jsp"></s:include>
		<!-- CSS -->
		<link href="${ctx}/css/head/head.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/choose.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/connect_right.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/content/group.css" rel="stylesheet" type="text/css" />
		<!-- JavaScript -->
		<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
		<script type="text/javascript">var jQ = jQuery.noConflict();</script>
		<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
		<script type="text/javascript" src="${ctx}/js/contact/contact_mode.js"></script>
		<script type="text/javascript" src="${ctx}/js/contact/group.js"></script>
	</head>
<body>
	<s:include value="/head.jsp"></s:include>
	<div class="invite_page" style="background: #C0D1DB;margin-top: 47px;">
		<div class="groupcontent">
        	<div class="widetopline"></div>
	        	<ul class="wideheadtitle">
	        		<li class="left"></li>
	        		<li class="title">
	        			<span>我的圈子</span>
	        			<div class="search_title">
							<select onchange="changeUserType(this);" id="search_type_sel" style="float: left; height: 22px; padding-top: 2px; padding-bottom: 2px;">
	                    		<option value="1">用户</option>
	                    		<option value="2">商家</option>
	                    	</select>
                   			<input id="searchinput" onblur="checkStatus(this,event);" onfocus="checkStatus(this,event);" class="add_ul_input default" value="输入搜索的真实姓名" size="40">
                       		<button id="searchbutton" class="add_ul_button" onclick="searchUser(this);"></button>
	        			</div>
	        		</li>
	        		<li class="right"></li>
	        	</ul>
        	<div class="widebottomline"></div>
			<div class="creategroup">
				<div class="creategrouptitle"></div>
				<input>
				<button onclick="addnewgroup(this)"></button>
				<span class="errorinfo"></span>
			</div>
			<div class="existgroup">
				<div class="existgrouptitle"></div>
				<div class="existgrouplist" id="existgrouplist">
				</div>
			</div>
			<hr class="dashedline editmode"/>
			
			<div class="groupedithead editmode">
				<img src="${ctx }/image/contactgroup/contactgroupediticon.png" alt="群组编辑" style="float: left; margin-top: 2px; margin-left: 4px;" />
				<input value="群名称群名称" title="群名称群名称" id="editgroupname"></input>
				<span class="groupcount" id="editgroupmembers">12人</span>
				<span class="updatenameerr"></span>
				<a class="del" onclick="deletegroup();">删除</a>
				<a class="close" onclick="closegroup();">关闭编辑</a>
			</div>
			<div class="groupeditlist editmode" id="groupeditlist">
			</div>
			<div class="btnline editmode">
				<div class="longline"></div>
				<button class="removeatg" onclick="removeContactsFromGroup()"></button>
				<div class="shortline"></div>
				<button class="joinatg" onclick="addContacts2Group()"></button>
				<div class="longline"></div>
			</div>
			<div class="contacteditlist editmode" id="contacteditlist">
			</div>
		</div>
	</div>
	<s:include value="/foot.jsp"></s:include>
</body>
</html>